<template>
	<view class="bat">
		<page-top title="生产日报表-新增">
			<view class="" slot="left">
				<u-icon @click="clickPageTopEv" color="#FFFFFF" size="16px" name="arrow-left"></u-icon>
			</view>
			<view class="" slot="right">
				<!-- <u-icon  size="25px" color="#FFFFFF" name="file-text"></u-icon> -->
				<u-button :disabled="objData.id?true:false"
					style="height: 100%; width: 100%; background-color: transparent; border: none;padding: 0;"
					type="primary" @click="addButtonEv" text="保存"></u-button>
			</view>
		</page-top>
		<view class="mf">
			<u-collapse ref="collapse" accordion v-model="collapse">
				<u-collapse-item :name='1' title="基础信息">

					<view class="mf-search-date">
						<view class="search-date-str search-date-itm">
							<view class="left">总生产量</view>
							<view class="right" style="color: blue;">

								{{objData.qty_count}}
							</view>
						</view>

						<view class="search-date-str search-date-itm">
							<view class="left">已生产量</view>
							<view class="right" style="color: red;">
								{{objData.qty_fin}}
							</view>
						</view>

						<view class="search-date-str search-date-itm">
							<view class="left">待生产量</view>
							<view class="right" style="color: green;">
								{{objData.qty_count - objData.qty_fin}}
							</view>
						</view>


						<view class="search-date-est search-date-itm">
							<view class="left">报工日期</view>
							<view class="right">
								{{objData.dd}}

							</view>

						</view>

						<view class="search-date-str search-date-itm">
							<view class="left">开工时间</view>
							<view class="right">
								{{objData.sta_dd}}
							</view>
						</view>
						<view class="search-date-est search-date-itm">
							<view class="left">完工时间</view>
							<view class="right">
								{{objData.sta_dd}}
							</view>

						</view>

						<view class="search-date-cus-name search-date-itm">
							<view class="left">
								报工工序
							</view>
							<view class="right">
								{{objData.zc_name}}
							</view>
						</view>
						<view class="search-date-cus-name search-date-itm">
							<view class="left">
								经办人员
							</view>
							<view class="right">
								{{objData.sal_name_z}}
							</view>
						</view>
						<view class="search-date-cus-name search-date-itm">
							<view class="left">
								作业人员
							</view>
							<view class="right">
								{{objData.sal_name}}
							</view>
						</view>
						<view class="search-date-cus-name search-date-itm">
							<view class="left">
								报工组别
							</view>
							<view class="right">
								{{objData.group}}
							</view>
						</view>
<!-- 						<view class="search-date-cus-name search-date-itm">
							<view class="left">
								班别代号
							</view>
							<view class="right">
								{{objData.bb_no}}
							</view>
						</view> -->
						<view class="search-date-cus-name search-date-itm">
							<view class="left">
								报工数量
							</view>
							<view class="right">
								{{objData.qty}}
							</view>
						</view>
						<view class="search-date-cus-name search-date-itm">
							<view class="left">
								生产工时
							</view>
							<view class="right">
								{{objData.ut_time}}
							</view>
						</view>
						<view class="search-date-cus-name search-date-itm">
							<view class="left">
								表头备注
							</view>
							<view class="right">
								{{objData.rem}}
							</view>
						</view>

						<view class="search-date-cus-name search-date-itm">
							<view class="left">
								成品编码
							</view>
							<view class="right">
								{{objData.mrp_no}}
							</view>
						</view>

						<view class="search-date-cus-name search-date-itm">
							<view class="left">
								成品名称
							</view>
							<view class="right">
								{{objData.mrp_name}}
							</view>
						</view>

					</view>

				</u-collapse-item>
			</u-collapse>

			<jp-virtual-list ref="search11" code="id" :refresher="false" class="mf-data" :lazy="true" :pageSizes="4000"
				:data="objData.moList">
				<template v-slot="{ list }">

					<view class="mf-search-date mo-list" v-for="(itm,index) in list" :key="itm.tz_no">
						<view class="mo-list-row" style="color: #11A9F0;font-size: 50rpx;">
							{{index+1}}
						</view>
						<u-icon name="trash-fill" @click="roeDelEv(index)" class="mo-list-icon" color="#7B7C7D"
							size="50rpx"></u-icon>
						<view class="search-date-str search-date-itm">
							<view class="left">制令单号</view>
							<view class="right">
								{{itm.mo_no}}
							</view>
						</view>
						<view class="search-date-str search-date-itm">
							<view class="left">通知单号</view>
							<view class="right">
								{{itm.tz_no}}
							</view>
						</view>
						<view class="search-date-str search-date-itm">
							<view class="left">制造数量</view>
							<view class="right">
								{{itm.qty}}
							</view>
						</view>
						<view class="search-date-str search-date-itm">
							<view class="left">已产出量</view>
							<view class="right">
								{{itm.qty_fin}}
							</view>
						</view>
						<view class="search-date-str search-date-itm">
							<view class="left">生产机台</view>
							<view class="right">
								{{itm.jitai_name}}
							</view>
						</view>
					</view>

				</template>
			</jp-virtual-list>

		</view>

		<!-- 'mf_mo@MO4104001;MO4104002;MO4104003' -->
<!-- 		<view style="position: fixed;top:120px;right: 15rpx;">
			<button @click="batMoEv('MO4109001;MO4109002;MO4109003;MO4109004;MO4109005')"> 扫码</button>
		</view> -->


		<!-- 	<view style="position: fixed;top:120px;right: 15rpx;">
			<button @click="aaaaaEv()"> 扫码</button>
		</view> -->

		<!-- 基础信息录入 -->
		<u-modal @cancel="clickPageTopEv" @confirm="confirmSuer" :show="showMore" showCancelButton cancelText="返回"
			showConfirmButton>
			<view class="slot-content">
				<view class="search-date">

					<view class="search-date-est search-date-itm">
						<view class="left">报工日期</view>
						<view class="right">

							<uni-datetime-picker :border='false' :clear-icon='false' type="date" :value="objData.dd"
								:start="minDate" :end="maxDate" @change="ddDateEv" />
						</view>
					</view>

					<view class="search-date-str search-date-itm">
						<view class="left">开工时间</view>
						<view class="right">
							<uni-datetime-picker :border='false' :clear-icon='false' type="datetime"
								:value="objData.sta_dd" :start="minDate" :end="maxDate" @change="strDateEv" />
						</view>
					</view>
					<view class="search-date-est search-date-itm">
						<view class="left">完工时间</view>
						<view class="right">

							<uni-datetime-picker :border='false' :clear-icon='false' type="datetime"
								:value="objData.est_dd" :start="minDate" :end="maxDate" @change="estDateEv" />
						</view>

					</view>

					<view class="search-date-cus-name search-date-itm">
						<view class="left">
							经办人员
						</view>
						<view class="right" @click="modalSalm_z = true">
							<view class="right-itm" style="color: grey;" v-if="objData.sal_name_z==''">
								选择经办人员
							</view>
							<view class="right-itm">
								{{objData.sal_name_z}}
							</view>
						</view>
					</view>
					<view class="search-date-cus-name search-date-itm">
						<view class="left">
							作业人员
						</view>
						<view class="right" @click="modalSalm = true">
							<view class="right-itm" style="color: grey;" v-if="objData.sal_name==''">
								选择作业人员
							</view>
							<view class="right-itm">
								{{objData.sal_name}}
							</view>
						</view>
					</view>
					<view class="search-date-cus-name search-date-itm">
						<view class="left">
							报工工序
						</view>
						<view class="right" @click="modalZc = true">
							<view class="right-itm" style="color: grey;" v-if="objData.zc_name==''">
								选择报工工序
							</view>
							<view class="right-itm">
								{{objData.zc_name}}
							</view>
						</view>
					</view>
					<view class="search-date-cus-name search-date-itm">
						<view class="left">
							报工组别
						</view>
						<view class="right" @click="modalGroup = true">
							<view class="right-itm" style="color: grey;" v-if="objData.group==''">
								选择报工组别
							</view>
							<view class="right-itm">
								{{objData.group}}
							</view>
						</view>
					</view>
<!-- 					<view class="search-date-cus-name search-date-itm">
						<view class="left">
							班别代号
						</view>
						<view class="right">
							<view>
								<input style="width: 100%;" v-model="objData.bb_no" class="uni-input"
									placeholder="输入班别代号" />
							</view>
						</view>
					</view> -->
					<view class="search-date-cus-name search-date-itm">
						<view class="left">
							报工数量
						</view>
						<view class="right">
							<input style="width: 100%;" v-model="objData.qty" type="number" class="uni-input"
								placeholder="输入报工数量" />
						</view>
					</view>
					<view class="search-date-cus-name search-date-itm">
						<view class="left">
							生产工时
						</view>
						<view class="right">
							<input style="width: 100%;" v-model="objData.ut_time" type="number" class="uni-input"
								placeholder="输入生产工时" />
						</view>
					</view>
					<view class="search-date-cus-name search-date-itm">
						<view class="left">
							表头备注
						</view>
						<view class="right">
							<input style="width: 100%;" v-model="objData.rem" class="uni-input" placeholder="输入表头备注" />
						</view>
					</view>
				</view>
			</view>
		</u-modal>

		<view class="salm-modal">
			<u-modal style="z-index: 500;" :show="modalSalm" @cancel="salmCancelEv" @confirm="salmSuerEv"
				showCancelButton title="选择作业人员">
				<view class="slot-content">
					<salm-user-z :multiple='true' ref="refmodalsalm"></salm-user-z>
				</view>
			</u-modal>
		</view>

		<view class="salm-modal">
			<u-modal style="z-index: 500;" :show="modalSalm_z" @cancel="modalSalm_z=false" @confirm="salmSuerZEv"
				showCancelButton title="选择经办人员">
				<view class="slot-content">
					<salm-user ref="refmodalsalmz"></salm-user>
				</view>
			</u-modal>
		</view>

		<view class="salm-modal">
			<u-modal style="z-index: 500;" :show="modalGroup" @cancel="modalGroup=false" @confirm="modalGroupSuerEv"
				showCancelButton title="选择组">
				<view class="slot-content">
					<bao-gong-group ref="refmodalgroup"></bao-gong-group>
				</view>
			</u-modal>
		</view>

		<view class="salm-modal">
			<u-modal style="z-index: 500;" :show="modalZc" @cancel="modalZc=false" @confirm="zcnoSuerZEv"
				showCancelButton title="选择工序">
				<view class="slot-content">
					<zcno ref="refzcno"></zcno>
				</view>
			</u-modal>
		</view>
		<!-- #ifndef H5 -->
		<monitor-scan-code @resultCode="resultCode" />
		<!-- #endif -->
	</view>
</template>

<script>
	import monitorScanCode from '@/components/scan/monitorScanCode.vue';

	import jpVirtualList from '@/components/jp-virtual-list/jp-virtual-list.vue';
	import pageTop from '@/components/pageTop.vue';
	import salmUserZ from '@/components/salmUserZ.vue';
	import salmUser from '@/components/salmUser.vue';
	import baoGongGroup from '@/components/baoGongGroup.vue';
	import zcno from '@/components/zcno.vue';
	import prdt from '@/components/prdt.vue';
	import uniDatetimePicker from '@/components/uni-datetime-picker/uni-datetime-picker.vue';



	import {
		ApibasicPrintTaskListPost
	} from '@/common/api/basic.js';

	import {
		basicScanListApiPost,
		basicBgListApiPost
	} from '@/common/api/basic.js';


	const d = new Date()
	let year = d.getFullYear()
	let month = d.getMonth() + 1
	month = month < 10 ? `0${month}` : month
	let date = d.getDate()
	date = date < 10 ? `0${date}` : date

	export default {
		name: "diaoru",
		components: {
			pageTop: pageTop,
			salmUserZ: salmUserZ,
			salmUser: salmUser,
			zcno: zcno,
			baoGongGroup: baoGongGroup,
			uniDatetimePicker: uniDatetimePicker,
			jpVirtualList: jpVirtualList,
			monitorScanCode: monitorScanCode
		},
		data() {
			return {
				objData: {
					sal_no: [],
					sal_name: '',
					qty_count: 0,
					qty_fin: 0,
					rem: '',
					qty: '',
					ut_time: '',
					bb_name: '',
					bb_no: '',
					// zc_no: 'A001',
					zc_no: '',
					zc_name: '',
					sal_no_z: '',
					sal_name_z: '',
					group: '',
					mrp_no: '',
					mrp_name: '',
					use: uni.getStorageSync('user_id'),
					dep: uni.getStorageSync('dep'),
					dd: `${year}-${month}-${date}`,
					sta_dd: `${year}-${month}-${date} 00:00:00`,
					est_dd: `${year}-${month}-${date} 00:00:00`,
					moList: []
				},
				// objData: {
				// 	sal_no: [{
				// 		label: "a0001;大声道",
				// 		rownumber: 3,
				// 		select: 1,
				// 		value: "a0001",
				// 	}],
				// 	sal_name: 'a0001;大声道|',
				// 	qty_count:50000,
				// 	qty_fin:40000,
				// 	rem: '',
				// 	qty: '12',
				// 	ut_time: '32',
				// 	bb_name: '',
				// 	bb_no: '',
				// 	// zc_no: 'A001',
				// 	zc_no: 'A001',
				// 	zc_name: 'A001; 铸锭',
				// 	sal_no_z: '23020102',
				// 	sal_name_z: '23020102;许洋',
				// 	group: '开板组',
				// 	mrp_no: '02.04.000352',
				// 	mrp_name: '22198海螺龙口新增罗茨增压风机项目 增压系统风机控制柜元件清单',
				// 	use: uni.getStorageSync('user_id'),
				// 	dep: uni.getStorageSync('dep'),
				// 	dd: `2024-01-05`,
				// 	sta_dd: `2024-01-05 00:00:00`,
				// 	est_dd: `2024-01-05 00:00:00`,
				// 	moList: [{
				// 			bom_no: "02.04.000352->",
				// 			close_id: "F",
				// 			jitai: "CWB",
				// 			jitai_name: "财务部",
				// 			mo_no: "MO4104002",
				// 			mrp_name: "22198海螺龙口新增罗茨增压风机项目 增压系统风机控制柜元件清单",
				// 			mrp_no: "02.04.000352",
				// 			qty: 100,
				// 			qty_fin: 0,
				// 			tz_no: "TZ4104003",
				// 		},
				// 		{
				// 			bom_no: "02.04.000352->",
				// 			close_id: "F",
				// 			jitai: "CWB",
				// 			jitai_name: "财务部",
				// 			mo_no: "MO4104003",
				// 			mrp_name: "22198海螺龙口新增罗茨增压风机项目 增压系统风机控制柜元件清单",
				// 			mrp_no: "02.04.000352",
				// 			qty: 80,
				// 			qty_fin: 0,
				// 			tz_no: "TZ4104005"
				// 		}
				// 	]
				// },
				minDate: `${year-1}-${month}-${date} 00:00:00`,
				maxDate: `${year}-${month}-${date} 23:59:00`,
				showMore: true,
				// 作业人员
				modalSalm: false,
				// 经办人员
				modalSalm_z: false,
				// 工序
				modalZc: false,
				modalGroup: false,
				dataList: [],
				collapse: 1
			}
		},
		onLoad() {

		},
		mounted() {

		},
		methods: {
			aaaaaEv() {
				let val = "dasdada"
				if (val.includes('@') == false) {}
				const strSalm = val.split("@")
			},
			clickPageTopEv(val) {
				uni.navigateBack({
					delta: 1
				});
			},
			// 开始日期
			strDateEv(val) {
				this.objData.sta_dd = val

			},
			// 结束日期
			estDateEv(val) {
				this.objData.est_dd = val
			},
			// 报工日期
			ddDateEv(val) {
				this.objData.dd = val
			},

			// 基础信息录入确认
			confirmSuer() {

				// if (this.objData.sal_no_z == '') {
				// 	uni.showModal({
				// 		content: '请选择经办人员',
				// 		showCancel: false
				// 	});
				// 	return
				// }

				if (this.objData.sal_no.length == 0 & this.objData.group == '') {
					uni.showModal({
						content: '作业人员不能为空',
						showCancel: false
					});
					return
				}

				if (this.objData.zc_no == '') {
					uni.showModal({
						content: '请选择工序',
						showCancel: false
					});
					return
				}

				if (this.objData.qty == 0 | this.objData.qty == '') {
					uni.showModal({
						content: '请输入报工数量',
						showCancel: false
					});
					return
				}
				if (this.objData.ut_time == 0 | this.objData.ut_time == '') {
					uni.showModal({
						content: '请输入工时',
						showCancel: false
					});
					return
				}

				this.showMore = false
			},
			// 保存按钮
			async addButtonEv() {

				// if (this.objData.sal_no_z == '') {
				// 	uni.showModal({
				// 		content: '请选择经办人员',
				// 		showCancel: false
				// 	});
				// 	return
				// }

				if (this.objData.sal_no.length == 0 & this.objData.group == '') {
					uni.showModal({
						content: '作业人员不能为空',
						showCancel: false
					});
					return
				}

				if (this.objData.zc_no == '') {
					uni.showModal({
						content: '请选择工序',
						showCancel: false
					});
					return
				}

				if (this.objData.qty == 0 | this.objData.qty == '') {
					uni.showModal({
						content: '请输入报工数量',
						showCancel: false
					});
					return
				}
				if (this.objData.ut_time == 0 | this.objData.ut_time == '') {
					uni.showModal({
						content: '请输入工时',
						showCancel: false
					});
					return
				}

				if (this.objData.moList.length == 0) {
					uni.showModal({
						content: '请先扫码',
						showCancel: false
					});
					return
				}


				try {
					uni.showLoading({
						title: '加载中',
						mask: true
					});
					let arr_data = await basicBgListApiPost(this.objData)
					uni.hideLoading();

					if (arr_data.statusCode == 202) {

						uni.showModal({
							content: arr_data.data.msg,
							showCancel: false
						});

						return
					}
					if (arr_data.statusCode !== 200) {
						uni.showModal({
							content: '保存失败',
							showCancel: false
						});

						return
					}
					const that = this
					uni.showModal({
						content: '新增成功' + arr_data.data.msg,
						showCancel: false,
						success: function(res) {
							if (res.confirm) {
								that.clickPageTopEv()
							}
						}
					});


				} catch (err) {
					//TODO handle the exception
					console.log(err)
					uni.hideLoading();
					let message = '接口请求失败请联系管理员'
					if (err.statusCode == 401) {
						message = err.data.msg
					}
					uni.showModal({
						content: message,
						showCancel: false
					});
				}
			},
			// 选择作业人员取消
			salmCancelEv() {
				this.modalSalm = false
			},
			// 选择作业人员确认
			salmSuerEv() {
				this.objData.sal_no = []
				this.objData.sal_name = ''
				this.$nextTick(() => {
					// this.objData.sal_no = this.$refs.refmodalsalm.sal_no
					// this.objData.sal_name = this.$refs.refmodalsalm.sal_name
					let refmodalsalmData = this.$refs.refmodalsalm.dataList

					for (var i = 0; i < refmodalsalmData.length; i++) {
						let element = refmodalsalmData[i]
						if (element.select != 0) {
							this.objData.sal_no.push(element)
							this.objData.sal_name += element.label + '|'
						}
					}
				})
				this.modalSalm = false
			},

			// 选择经办人员确认
			salmSuerZEv() {

				this.$nextTick(() => {
					this.objData.sal_no_z = this.$refs.refmodalsalmz.sal_no
					this.objData.sal_name_z = this.$refs.refmodalsalmz.sal_name
				})
				this.modalSalm_z = false
			},

			// 选择报工组确认
			modalGroupSuerEv() {

				this.$nextTick(() => {
					this.objData.group = this.$refs.refmodalgroup.sal_no
				})
				this.modalGroup = false
			},

			// 选择工序确认
			zcnoSuerZEv() {

				this.$nextTick(() => {
					this.objData.zc_no = this.$refs.refzcno.sal_no
					this.objData.zc_name = this.$refs.refzcno.sal_name
				})
				this.modalZc = false
			},
			// 条码扫码查询
			async resultCode(val) {
				console.log('激光扫码结果001**', val)
				uni.vibrateLong({
					success: function() {}
				});
				if (val.includes('@') == false) {
					uni.showModal({
						content: '条码异常没检测到@分隔符',
						showCancel: false
					});
					return
				}
				const scanStr = val.split("@")
				if (scanStr[0] == 'pda_emp_group') {
					this.objData.group = scanStr[1]
					return
				}
				if (scanStr[1].includes(';') == false) {
					uni.showModal({
						content: '条码异常没检测到;分隔符',
						showCancel: false
					});
					return
				}

				const scanData = scanStr[1].split(";")
				if (scanStr[0] == 'salm') {
					this.objData.sal_no_z = scanData[0]
					this.objData.sal_name_z = scanStr[1]
				} else if (scanStr[0] == 'zc_no') {
					this.objData.zc_no = scanData[0]
					this.objData.zc_name = scanStr[1]
				} else if (scanStr[0] == 'mf_yg') {
					if (this.objData.sal_no.includes(scanData[0])) {
						uni.showModal({
							content: '条码作业人员重复',
							showCancel: false
						});
					} else {
						this.objData.sal_no.push({
							value: scanData[0],
							label: scanData[1]
						})
						this.objData.sal_name += scanStr[1] + '|'
					}
				} else if (scanStr[0] == 'mf_mo') {
					if (this.showMore == false) {
						// if (this.objData.sal_no_z == '') {
						// 	uni.showModal({
						// 		content: '请选择经办人员',
						// 		showCancel: false
						// 	});
						// 	return
						// }

						if (this.objData.sal_no.length == 0 & this.objData.group == '') {
							uni.showModal({
								content: '作业人员不能为空',
								showCancel: false
							});
							return
						}

						if (this.objData.zc_no == '') {
							uni.showModal({
								content: '请选择工序',
								showCancel: false
							});
							return
						}

						if (this.objData.qty == 0 | this.objData.qty == '') {
							uni.showModal({
								content: '请输入报工数量',
								showCancel: false
							});
							return
						}
						if (this.objData.ut_time == 0 | this.objData.ut_time == '') {
							uni.showModal({
								content: '请输入工时',
								showCancel: false
							});
							return
						}
						this.batMoEv(scanStr[1])
					}
				} else {
					uni.showModal({
						content: '未匹配到此条码规则',
						showCancel: false
					});
					return
				}

				// await this.searchGet()
			},
			async batMoEv(bat) {
				try {
					uni.showLoading({
						title: '加载中',
						mask: true
					});
					let arr_data = await basicScanListApiPost({
						scan: bat,
						zc_no: this.objData.zc_no
					})
					uni.hideLoading();

					if (arr_data.statusCode == 202) {

						uni.showModal({
							content: arr_data.data.msg,
							showCancel: false
						});

						return
					}
					if (arr_data.statusCode !== 200) {
						uni.showModal({
							content: '条码查询失败',
							showCancel: false
						});

						return
					}

					this.objData.mrp_no = arr_data.data.result.mrpObj.mrp_no
					this.objData.mrp_name = arr_data.data.result.mrpObj.mrp_name
					this.objData.qty_count = arr_data.data.result.mrpObj.qty_count
					this.objData.qty_fin = arr_data.data.result.mrpObj.qty_fin
					this.objData.moList = arr_data.data.result.moList
					uni.showModal({
						content: '批次制令条码扫码成功',
						showCancel: false
					});
					this.$nextTick(() => {
						this.$refs.collapse.init()
					})

				} catch (err) {
					//TODO handle the exception
					console.log(err)
					uni.hideLoading();
					let message = '接口请求失败请联系管理员'
					if (err.statusCode == 401) {
						message = err.data.msg
					}
					uni.showModal({
						content: message,
						showCancel: false
					});
				}
			},
			// 删除行
			roeDelEv(index) {
				let that = this
				uni.showModal({
					content: '确定删除此制令单？',
					success: function(res) {
						if (res.confirm) {
							that.objData.moList.splice(index, 1)
						}
					}
				});

			}

		}

	}
</script>

<style lang="scss">
	page {
		background-color: white;
		height: 100%;
	}

	.bat {
		height: 100%;
	}

	.mf {
		height: calc(100% - var(--status-bar-height) - 35px);
		overflow: hidden;
		overflow-y: scroll;
		// background-color: pink;
		box-sizing: border-box;
	}

	.mf .mf-search-date {
		width: 100%;
		color: #606266;
		padding-left: 15rpx;
		padding-right: 15rpx;
		box-sizing: border-box;

		.search-date-itm {
			display: flex;
			width: 100%;
			min-height: 35px;
			line-height: 35px;
			align-items: center;

			.left {
				width: 80px;
			}

			.right {
				min-height: 35px;
				width: calc(100% - 80px);
				border-bottom: var(--common-border-color) solid 1px;
			}


		}

		.uni-input {
			border-bottom: var(--common-border-color) solid 1px;
		}
	}

	.mf .mo-list {
		// #11A9F0
		border-bottom: var(--common-border-color) solid 1px;
		padding: 33rpx;
		padding-left: 60rpx;
		box-sizing: border-box;
		position: relative;

		// background-color: pink;
		.mo-list-row {
			position: absolute;
			top: 40%;
			left: 20rpx;
		}

		.mo-list-icon {
			position: absolute;
			top: 10rpx;
			right: 20rpx;
		}
	}

	/deep/ .u-transition {
		z-index: 200 !important;
	}

	.slot-content {
		width: 100%;
		overflow-y: scroll;
	}

	/deep/ .u-transition {
		z-index: 200 !important;
	}

	// 更多过滤
	.search-date {
		width: 100%;
		color: #606266;

		.search-date-itm {
			display: flex;
			width: 100%;
			height: 80rpx;
			align-items: center;

			.left {
				width: 80px;
			}

			.right {
				width: calc(100% - 80px);
			}

			.right-itm {
				width: 100%;
				height: 100%;
				border-bottom: var(--common-border-color) solid 0.5px;
				box-sizing: border-box;
			}
		}

		.uni-input {
			border-bottom: var(--common-border-color) solid 1px;
		}
	}

	/deep/ .u-collapse-item__content {
		// height: auto !important;
		overflow: hidden;
		overflow-y: scroll;
	}
</style>